<template>
  <div>
    <h1>Bob</h1>
    <li><router-link to="/contacts/bob/blog">blog</router-link></li>

    <li><router-link to="/contacts/bob/fax">fax</router-link></li>
    <router-view></router-view>
  </div>
</template>

<script>
export default {};
</script>


<style scoped>
/* 精确匹配 路径一个都不能差*/
.router-link-exact-active {
  color: red;
}
.router-link-active {
  color: red;
}
li {
  margin-left: 40px;
}
</style>